<template>
  <div class="Fraction">
   <span>fraction：{{Fraction.fraction}}</span>
   <span>Grade：{{Fraction.Grade}}</span>
  </div>
</template>

<script setup lang="ts">
import {Fraction} from '../hoos/UseFraction'
</script>

<style scoped>
.Fraction{
  position: relative;
  width: 520px;
  height: 50px;
  display: flex;
  /* 设置主轴上的子元素的排列方式 */
  justify-content: space-between;
  /* 设置侧轴上的子元素的排列方式 */
  align-items: center;
}
</style>